import {createRouter,createWebHashHistory} from 'vue-router'
import Home from '../views/Home.vue'
import User from '../views/User.vue'
// import Aboat from '../views/Aboat.vue'
import Cinema from '../views/Cinema.vue'






const routes=[
        { 
            path:'/',
           
            redirect:'/home', // 两种方式：重定向
            // redirect:{
                 //  方式二：这里是根据路由命名找到
            //     name:'homes',
            // }
        },
        {
            path:'/home',
            //name:'homes',//命名路由
            // alias:'/hug',//别名
            component:Home
        },
        {
            path:'/user',
            component:User,
             // 只有经过身份验证的用户才能创建帖子
            meta: { requiresAuth: true }
        },
        {
            path:'/Cinema',
            component:Cinema
        },
        {
            path:'/aboat',
            // 路由懒加载，按需加载 动态加载写法为了让页面加载更快会让要先加载的加载，而这样子写是为了到时候点击到这个页面参加载
            component:()=>import('../views/Aboat.vue')
        }
]
const router=createRouter({
    history:createWebHashHistory(),
    routes, // `routes: routes` 的缩写
})

// 路由拦截 可以在这里面设置 可以用上面mate属性来判断也就是写在if里面  也可以用   to.fullPat获得的是访问路径判断
router.beforeEach((to, from, next) => {
    if (to.name !== 'Login' && !isAuthenticated) next({ name: 'Login' })
    else next()
  })
// router.beforeEach(async (to, from) => {
//     if (
//       // 检查用户是否已登录
//       !isAuthenticated &&
//       // ❗️ 避免无限重定向
//       to.name !== 'Login'
//     ) {
//       // 将用户重定向到登录页面
//       return { name: 'Login' }
//     }
//   })
// GOOD

export default router